@import url('./high_light_dom.css');
.cursor_pointer {
  cursor: pointer;
}

.disnone {
  display: none !important;
}

.circle {
  border-radius: 50% !important;
}

.child_margin_top > :nth-child(n + 2) {
  margin-top: 20px;
}

.ab_center {
  position: absolute;

  top: 50%;

  transform: translate(0, -50%);
}

.ab_center_dialog {
  position: absolute;

  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.re_center {
  position: relative;

  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.text_align_center {
  text-align: center;
}

.content_padding {
  padding: 20px;
}

/**
.wind_light
.wind_light_hover
.wind_light_hover:hover
.wind_light_hover[active]
**/

.wind_light {
  border-radius: 5px;
  /* box-shadow: 0px 0.8px 2px rgba(0, 0, 0, 0.032), */
  /* 0px 2.7px 6.7px rgba(0, 0, 0, 0.048), 0px 12px 30px rgba(0, 0, 0, 0.08); */
  box-shadow: 0px 2px 10px 0px #64646f85;
  /* box-shadow: 0px 1px 5px 0px #64646f33; */
}

.wind_light_hover {
  border-radius: 5px;
  box-shadow: 0px 2px 10px 0px #64646f85;
  transition: box-shadow 0.2s;
}

.wind_light_hover:hover,
.wind_light_hover[active] {
  box-shadow: 0px 1px 5px 0px #64646f33;
}

/**
.active_item:hover::before
.active_item[active="true"]::before
*/
.active_item {
  overflow: hidden;
  position: relative;
}

.active_item::before {
  content: '';
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  width: 0px;
  height: 0px;

  top: calc(100%);
  left: 10px;

  background-color: #09b00bbd;
  transition: all 0.2s;
}

.active_item[active='true']::before {
  top: -25%;
  left: -25%;
  width: 150%;
  height: 150%;
}

.operate_title {
  color: rgba(127, 9, 160, 0.504);
}

.transition_size_change {
  /* transition: width 0.2s cubic-bezier(0.73, -0.69, 0.22, 1.38),
    height 0.2s cubic-bezier(0.73, -0.69, 0.22, 1.38); */

  transition: width 2s ease-in-out, height 2s ease-in-out;
}

.font_size_20 {
  font-size: 20px;
}

.border_top_6 {
  position: absolute;

  top: 6%;
}

.title_world_gray {
  font-size: 13px;

  color: #64646f85;
}

.h1 {
  font-size: 30px;
}

.inp_empty_style {
  padding: 5px 0 3px 5px;
  outline: none;
  border: none;
  border-bottom: 0.2px #0a6ad8 solid;
}
